<template>
  <div class="card">
    <div class="page-head">
      <div class="page-title">小白盒 数据概览</div>
      <div class="page-subtitle">覆盖DAU/新增、互动量、内容分布等核心指标</div>
    </div>
    <CardList />
    <el-row :gutter="20">
      <el-col :lg="24" :md="24">
        <BarChart />
      </el-col>
      <el-col :lg="12" :md="24">
        <PieChart />
      </el-col>
      <el-col :lg="12" :md="24">
        <CircleChart />
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
defineOptions({ name: 'AdminDashboard' });
import CardList from '../components/CardList.vue';
import BarChart from '../components/charts/BarChart.vue';
import PieChart from '../components/charts/PieChart.vue';
import CircleChart from '../components/charts/CircleChart.vue';
</script>

<style>
.card { background:#fff; border-radius:8px; padding:16px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
</style>


